body{
    background-color: #ebebeb;
}
.header{
    width: 100%;
    height: 60px;
    flex-direction: row;
    background-color: #fff;
    border-bottom: 2px solid #fafafa;
    & p i:first-child{
        font-size: 6px;
    }
    & i:last-child{
        font-size: 16px;
    }
}
.nav{
    border-bottom: 1px solid #fafafa;
    & p{
        margin: 20px;
        i{
            font-size: 6px;
        }
    }
    .qc{
        color: #ff5f16;
    }
}
.filtration ul{
    .checked{
        border: 1px solid #ff5f16;
        color: #ff5f16;
    }
    flex-wrap: wrap;
    margin-left: 3%;
    & li{
        margin: 15px 5px;
        & span{
            font-size: 12px;
            padding: 5px 20px;
            border: 1px solid rgba(210,214,220,.5);
            color: #797d82;
        }
    }
}
.context{
    margin-bottom: 60px;
    .text-box{
        margin: 0 10px;
        padding: 20px 0;
        border-top: 1px solid #ebebeb;
        .ys{
            width: 60px;
            text-align: center;
            color: #ff5f50;
        }
        .breadth{
            width: 78%;
        }
        .dizi{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
    }
}
.foot{
    width: 100%;
    height: 50px;
    bottom: 0;
    i{
        width: 20px;
        height: 20px;
    }
    & p:nth-child(2) a{
        color: #ff9361;
    }
}